﻿define(function (require) {

    return Backbone.View.extend({
        //... is a list tag.
        tagName: "li",
        template: _.template($("#li_date").html()),
        events: {
        },
        initialize: function () {
            $(this.el).attr('data-role', 'list-divider')
                                  .attr('role', 'heading')
                                  .addClass('ui-li ui-li-divider ui-btn ui-bar-b ui-btn-up-undefined');

            _.bindAll(this, 'render');
            this.model.bind('change', this.render);
            this.model.view = this;
        },
        render: function () {
            $(this.el).html(this.template(this.model.toJSON()));

            return this;
        }
    });    

});